{% extends "main/base.html" %}

{% block title %}首页页{% endblock %}

{% block content %}
<div class="container">
    <h1>欢迎回来，{{ username }}！</h1>
    <p>您已成功登录系统。</p>
    <a href="{{ url_for('auth.logout') }}" class="logout-link">退出登录</a>
</div>
{% endblock %}

<style>
    .container {
        max-width: 800px;
        margin: 0 auto;
        background-color: white;
        padding: 2rem;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    h1 {
        color: #1a73e8;
    }
    .logout-link {
        display: inline-block;
        margin-top: 1rem;
        color: #1a73e8;
        text-decoration: none;
        padding: 0.5rem 1rem;
        border: 1px solid #1a73e8;
        border-radius: 4px;
    }
    .logout-link:hover {
        background-color: #1a73e8;
        color: white;
    }
</style>
